// 手指
.cursor-pointer {
  cursor: pointer !important;
}
.text-center {
  text-align: center;
}

/* flex 弹性布局
------------------------------- */
.flex {
  display: flex;
}
.flex-auto {
  flex: 1;
  // overflow: hidden;
  white-space: initial;
}
.flex-center {
  @extend .flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.flex-between {
  justify-content: space-between;
  align-items: center;
}
.flex-margin {
  margin: auto;
}
.flex-warp {
  display: flex;
  flex-wrap: wrap;
}
/* 字体大小全局样式
------------------------------- */
@for $i from 10 through 32 {
  .font#{$i} {
    font-size: #{$i}px !important;
  }
}

/* 外边距、内边距全局样式
------------------------------- */
@for $i from 1 through 100 {
  .mt#{$i} {
    margin-top: #{$i}px !important;
  }
  .mr#{$i} {
    margin-right: #{$i}px !important;
  }
  .mb#{$i} {
    margin-bottom: #{$i}px !important;
  }
  .ml#{$i} {
    margin-left: #{$i}px !important;
  }
  .pt#{$i} {
    padding-top: #{$i}px !important;
  }
  .pr#{$i} {
    padding-right: #{$i}px !important;
  }
  .pb#{$i} {
    padding-bottom: #{$i}px !important;
  }
  .pl#{$i} {
    padding-left: #{$i}px !important;
  }
}
@for $i from 1 through 900 {
  .fontWeight#{$i} {
    font-weight: #{$i} !important;
  }
}
//字体
.Regular {
  font-family: "Regular";
}
.Bold {
  font-family: Bold;
}

.Medium {
  font-family: "Medium";
}
.Light {
  font-family: "Light";
}
.Heavy {
  font-family: 'Heavy';
}
.ExtraLight {
  font-family: 'ExtraLight';
}
